.chess {
  width: 50px;
  height: 50px;
  border: 2px solid lightgray;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.chess-item {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.chess .red {
  background: radial-gradient(#fff, #f20);
}

.chess .black {
  background: radial-gradient(#fff, #000);
}
